		<style>
			#province select{margin-left:10px; width:100px}
		</style>
		<!--主体-->
		<!--立即购买-->
		<div class="container">
			<div class="row clear">
				<div class="tab-cart1 clear lf col-xs-12">
					{{--@foreach($product as $v)--}}
					<div class="contents lf ">
						<div class="content content-1">
							<img src="{{Theme::asset()->url('img/5246062768408d640a5805808415bc58.png')}}" />
						</div>
					</div>
					{{--@endforeach--}}
					<ul class="tab1-ul lf col-xs-12">
						@foreach($product as $v)
						<li><img src="/{{$v['file_path']}}" /></li>
						@endforeach
					</ul>
				</div>
				<form action="" method="post">
				<div class="rt cart2">
					<div class="cart2-1">
						{{$product[0]->title}}
					</div>
					<div class="cart2-2">
						{{$product[0]->content}}
					</div>
					<div class="cart2-3">
						&yen;{{$product[0]->cost}}/斤
					</div>
					<div class="cart2-4 hidden-xs">
						选择重量(斤)
					</div>
					<span class="cart2-5 hidden-xs"></span>
					<div class="cart2-6 ">
						<span class="cart2-6-1">
						<span class="cart111">-</span>
						<span class="cart111 buy_num">4</span>
						<span class="cart111">+</span>
						</span>

						<span class="cart2-6-2">满5斤包邮~</span>
					</div>
					<div class="cart2-4">
						选择地址
					</div>
					<span class="cart2-5 hidden-xs"></span>
					<div class="cart2-7">
						<span class="glyphicon glyphicon-map-marker"></span>
						{{--选择地址--}}
						<div id="province"></div>
						<div class="cart2-7-1">
							添加新地址
						</div>
					</div>
					<div class="cart2-4">
						联系方式
					</div>
					<span class="cart2-5 hidden-xs"></span>
					<div class="cart2-8">
						<input type="text" name="receiver" placeholder="填写收货人姓名" />
						<input type="text" name="phone" placeholder="填写联系电话" />
					</div>
					<div class="cart2-10 hidden-lg hidden-md hidden-sm">
						<div class="clear cart2-10-1">
							<span class="lf">选择支付方式</span>
							<span class="rt">微信支付  &gt;</span>
						</div>
						<div class="cart2-10-2">
							<img src="img/cart12.png" />
							<img src="img/cart13.png" />
						</div>
					</div>
					<div class="cart2-9">
						<a href="{{url('home/orderunfinished')}}" class="cart2-9-1">立即购买</a>
						<a href="javascript:void(0)"  product_id="{{$id}}" class="add_cart cart2-9-2">加入购物车</a>
					</div>
					<div class="cart2-11">
						<span class="glyphicon glyphicon-ok-circle cart2-11-1"></span>
						<span>七天无理由退货</span>
						<span class="glyphicon glyphicon-ok-circle cart2-11-1"></span>
						<span>15天质量问题换货</span>
					</div>
				</div>
				</form>
			</div>
		</div>
		<!--立即购买end-->
		<!--热卖榜单-->
		<div class="container hot">
			<div class="hot1">
				热卖榜单
			</div>
			<div class="swiper-container hot2">
				<div class="swiper-wrapper row">
					<div class="swiper-slide">
						<div class="hot2-1">
							<div class="hot2-2">
								<img src="img/cp1.png" />
							</div>
							<div class="hot2-3">
								<div class="hot2-4 ">无抗猪肉-放心猪肉</div>
								<div class="hot2-5">慢养300天,肉香浓郁</div>
								<div class="hot2-6">&yen;69/斤</div>
							</div>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="hot2-1">
							<div class="hot2-2">
								<img src="img/cp1.png" />
							</div>
							<div class="hot2-3">
								<div class="hot2-4 ">无抗猪肉-放心猪肉</div>
								<div class="hot2-5">慢养300天,肉香浓郁</div>
								<div class="hot2-6">&yen;69/斤</div>
							</div>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="hot2-1">
							<div class="hot2-2">
								<img src="img/cp2.png" />
							</div>
							<div class="hot2-3">
								<div class="hot2-4 ">无抗猪肉-放心猪肉</div>
								<div class="hot2-5">慢养300天,肉香浓郁</div>
								<div class="hot2-6">&yen;69/斤</div>
							</div>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="hot2-1">
							<div class="hot2-2">
								<img src="img/cp3.png" />
							</div>
							<div class="hot2-3">
								<div class="hot2-4 ">无抗猪肉-放心猪肉</div>
								<div class="hot2-5">慢养300天,肉香浓郁</div>
								<div class="hot2-6">&yen;69/斤</div>
							</div>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="hot2-1">
							<div class="hot2-2">
								<img src="img/cp4.png" />
							</div>
							<div class="hot2-3">
								<div class="hot2-4 ">无抗猪肉-放心猪肉</div>
								<div class="hot2-5">慢养300天,肉香浓郁</div>
								<div class="hot2-6">&yen;69/斤</div>
							</div>
						</div>

					</div>
					<div class="swiper-slide">
						<div class="hot2-1">
							<div class="hot2-2">
								<img src="img/cp5.png" />
							</div>
							<div class="hot2-3">
								<div class="hot2-4 ">无抗猪肉-放心猪肉</div>
								<div class="hot2-5">慢养300天,肉香浓郁</div>
								<div class="hot2-6">&yen;69/斤</div>
							</div>
						</div>

					</div>
					<div class="swiper-slide">
						<div class="hot2-1">
							<div class="hot2-2">
								<img src="img/cp6.png" />
							</div>
							<div class="hot2-3">
								<div class="hot2-4 ">无抗猪肉-放心猪肉</div>
								<div class="hot2-5">慢养300天,肉香浓郁</div>
								<div class="hot2-6">&yen;69/斤</div>
							</div>
						</div>

					</div>
					<div class="swiper-slide">
						<div class="hot2-1">
							<div class="hot2-2">
								<img src="img/cp7.png" />
							</div>
							<div class="hot2-3">
								<div class="hot2-4 ">无抗猪肉-放心猪肉</div>
								<div class="hot2-5">慢养300天,肉香浓郁</div>
								<div class="hot2-6">&yen;69/斤</div>
							</div>
						</div>

					</div>
					<div class="swiper-slide">
						<div class="hot2-1">
							<div class="hot2-2">
								<img src="img/cp1.png" />
							</div>
							<div class="hot2-3">
								<div class="hot2-4 ">无抗猪肉-放心猪肉</div>
								<div class="hot2-5">慢养300天,肉香浓郁</div>
								<div class="hot2-6">&yen;69/斤</div>
							</div>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="hot2-1">
							<div class="hot2-2">
								<img src="img/cp1.png" />
							</div>
							<div class="hot2-3">
								<div class="hot2-4 ">无抗猪肉-放心猪肉</div>
								<div class="hot2-5">慢养300天,肉香浓郁</div>
								<div class="hot2-6">&yen;69/斤</div>
							</div>
						</div>

					</div>
				</div>
				<!-- Add Pagination -->
				<div class="swiper-pagination "></div>
				<!-- Add Arrows -->
				<div class="swiper-button-next  hot3">&gt;</div>
				<div class="swiper-button-prev  hot3">&lt;</div>
			</div>
		</div>
		<!--热卖榜单end-->
				<div class="container clear detail">
			<!--产品详情-->
			<div class="col-md-8 detail11 clear">
				<!--产品详情-->
				<div class="tab-cart2 clear lf col-xs-12">
					<ul class="tab2-ul  col-xs-12 clear">
						<li class="detail-1-1 lf active3">
							产品详情
						</li>
						<li class="lf">物流信息</li>
					</ul>
					<div class="contents1 lf ">
						<div class="content2 content-1">
							<div class=" detail-1">
								<div class="">
									<img src="img/cart6.png" />
								</div>
								<div class="">
									<img src="img/cart7.png" />
								</div>
								<div class="">
									<span class="detail-1-2">精选黑猪，品质保证</span>
									<br />
									<span class="detail-1-3">&lt;精选肋排 猪肘 里脊肉&gt;</span>
								</div>
								<div class="">
									<img src="img/cart8.png" />
								</div>
								<div class="detail-1-4">
									猪肘
								</div>
								<div class="">
									<img src="img/cart9.png" />
								</div>
								<div class="detail-1-4">
									肋排
								</div>
								<div class="">
									<img src="img/cart10.png" />
								</div>
								<div class="detail-1-4">
									里脊肉
								</div>
								<div class="">
									<img src="img/cart11.png" />
								</div>
							</div>

						</div>
						<div class="content2">
							<div class="detail-33">
								<div class="detail-34">华梦承诺</div>
								<div class="">
									卖家销售并发货的商品，由平台卖家提供发票和相应的售后服务。请您放心购买！
									<br />
注：因厂家会在没有任何提前通知的情况下更改产品包装、产地或者一些附件，本司不能确保客户收到的货物与商城图片、产地、附件说明完全一致。只能确保为原厂正货！并且保证与当时市场上同样主流新品一致。若没有及时更新，请大家谅解！
								</div>
								<div class="detail-34">
									权利声明
								</div>
								<div class="">
									本站上的所有商品信息、客户评价、商品咨询、网友讨论等内容，是华梦重要的经营资源，未经许可，禁止非法转载使用。
									<br />
									注：本站商品信息均来自于合作方，其真实性、准确性和合法性由信息拥有者（合作方）负责。本站不提供任何保证，并不承担任何法律责任。
								</div>
								<div class="detail-34">
									价格说明
								</div>
								<div class="">
									参考价：商品展示的参考价，可能是品牌专柜标价、供应商提供的正品零售价（如厂商指导价、建议零售价等）；由于地区、时间的差异性和市场行情波动，品牌专柜标价、销售商门店曾经展示过的销售价等可能会与您购物时展示的不一致，该价格仅供您参考。
									<br />
									问题反馈：如有疑问，建议您在购买前联系客服咨询。
								</div>
								
								
							</div>
						</div>

					</div>

				</div>
				<!--产品详情end-->
			</div>

						<!--今日推荐-->
			<div class="col-md-3 detail12 col-md-offset-1 hidden-xs">
				<div class="detail-1-1">
					今日推荐
				</div>
				<div class=" detail-2">
					<div class="hot2-2">
						<img src="img/cp1.png" />
					</div>
					<div class="hot2-3">
						<div class="hot2-4 ">无抗猪肉-放心猪肉</div>
						<div class="hot2-5">慢养300天,肉香浓郁</div>
						<div class="hot2-6">&yen;69/斤</div>
					</div>
				</div>
				<div class=" detail-2">
					<div class="hot2-2">
						<img src="img/cp1.png" />
					</div>
					<div class="hot2-3">
						<div class="hot2-4 ">无抗猪肉-放心猪肉</div>
						<div class="hot2-5">慢养300天,肉香浓郁</div>
						<div class="hot2-6">&yen;69/斤</div>
					</div>
				</div>
				<div class=" detail-2">
					<div class="hot2-2">
						<img src="img/cp1.png" />
					</div>
					<div class="hot2-3">
						<div class="hot2-4 ">无抗猪肉-放心猪肉</div>
						<div class="hot2-5">慢养300天,肉香浓郁</div>
						<div class="hot2-6">&yen;69/斤</div>
					</div>
				</div>
			</div>
			<!--今日推荐end-->
	</div>
<!--产品主体end-->
{!! Theme::asset()->container('specific-css')->usePath()->add('css0','css/detail.css') !!}
<script src="{!! Theme::asset()->url('js/cart.js') !!}"></script>
//选择地址
{!! Theme::asset()->container('specific-js')->usePath()->add('js1','js/jquery.provincesCity.js') !!}
{!! Theme::asset()->container('specific-js')->usePath()->add('js2','js/provincesData.js') !!}
		<script>
			//立即购买左侧tab切换
			$('.tab-cart1 ul li').click(function() {
				var a = $(this).index();
				$('.contents1 div.content1').eq(a).show().siblings().hide();
				$(this).addClass('active2').siblings().removeClass('active2');
			});
		</script>
		<script>
			//产品详情 tab切换
			$('.tab-cart2 ul li').click(function() {
				var a = $(this).index();
				$('.contents1 div.content2').eq(a).show().siblings().hide();
				$(this).addClass('active3').siblings().removeClass('active3');
			});
		</script>

		<script type="text/javascript">
			//不同屏幕切换不同js文件
			if(screen.width < 768)
				document.write('<script type="text/javascript" src="{!! Theme::asset()->url('js/cart1.js') !!}"><\/script>');
			else
				document.write('<script type="text/javascript" src="{!! Theme::asset()->url('js/cart2.js') !!}"><\/script>');
		</script>
		<script>
			//地址选择
			$(function(){
            	$("#province").ProvinceCity();
			})
		</script>
		<script>
			$('.add_cart').click(function(){
			    var id = $(this).attr('product_id');
			    var num = $('.buy_num')[0].innerText;
			    var province = $('select').eq(0).find('option:selected').val();
			    var city = $('select').eq(1).find('option:selected').val();
			    var location = $('select').eq(2).find('option:selected').val();
			    var address = province+city+location;
			    var name = $('input[name="name"]').val();
			    var phone = $('input[name="phone"]').val();
			    var _token = "{{csrf_token()}}";
//			    console.log(address);
				var url = "{{url('home/cart')}}";
				$.post(
					url,
					{
					    _token:_token,
					    id:id,
						num:num,
						address:address,
						name:name,
						phone:phone
					},
					function(e){
					    alert(e);
					}
				)
			});
		</script>

